@popwidth: 350px;
@primary-color: blue;

:global {
  .leafletPointPopup {
    .leaflet-popup-content {
      margin: 0;
    }
    .leaflet-popup-content-wrapper {
      padding: 0;
    }
  }
}

.problemdetail {
  background: white;
  .popupTitle {
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
  }
  :global {
    .tablePanel {
      width: 290px;
      border-collapse: collapse;
      td,
      th {
        /*border-bottom: 1px solid #dee2e6;*/
        padding: 4px 10px;
        font-size: 14px;
      }

      th {
        text-align: center;
        letter-spacing: 1px;
        width: 115px;
        text-align: right;
      }
      tr:nth-child(even) {
        background: #eee;
      }

      .th-title {
        font-size: 15px;
        border: none;
        padding: 2px;
        text-align: center;
        background-color: #89be66;
        color: white;
      }
    }
  }
}

.ant-progress-text {
  color: white;
}
